import { createApp } from 'vue';
import App from './App.vue';

// svg插件需要配置代码
import 'virtual:svg-icons-register';

// 引入全局样式
import '@/styles/index.scss';
import 'element-plus/dist/index.css';

// 引入elementplus的暗黑模式样式文件
import 'element-plus/theme-chalk/dark/css-vars.css';

// 引入路由
import router from './router';
// 引入仓库
import pinia from './store';
// 引入路由守卫鉴权（需要引用执行文件，不然该文件不会被执行）
import '@/permission';

// 引入自定义插件对象，注册全局组件
import { elePlugin } from './components';
// 引入自定义插件对象，注册全局指令
import { directivePlugin } from './directives';

// 获取应用实例对象
const app = createApp(App);

// 安装路由
app.use(router);
// 安装仓库
app.use(pinia);

// 安装自定义插件
app.use(elePlugin);
app.use(directivePlugin);

// 将应用挂载到挂载点上
app.mount('#app');